<!--
 * @Author: your name
 * @Date: 2020-08-07 11:41:31
 * @LastEditTime: 2020-08-07 12:29:38
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_plugins\src\views\Skeleton.vue
-->
<template>
<div class="container">
    <van-nav-bar title="骨架屏组件" fixed :border="false" left-arrow @click-left="$router.go('-1')" />
    <div class="list1">
        <skeleton-loading>
            <row
                    v-for="i in 6"
                    :key="i"
                    :gutter="{top: '10px', bottom: '10px'}"
            >
                <column :span="5" :gutter="10">
                    <circle-skeleton></circle-skeleton>
                </column>
                <column :span="20" :gutter="10">
                        <square-skeleton 
                            :count="2"
                            :boxProperties="{
                                bottom: '15px',
                                width: '250px',
                                height: '15px'
                            }"
                        >
                        </square-skeleton>
                </column>
            </row>
        </skeleton-loading>
    </div>
</div>
</template>

<script>
export default {
    
}
</script>

<style lang="less" scoped>

</style>